<html>
<head>
	<meta charset="UTF-8">
	<title>天然气管理系统</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<link rel="stylesheet" href="../../layui/css/layui.css"/>
	<link rel="stylesheet" href="../../css/index/index.css"/>
</head>
<body>
<div class="body">
	<div class="title">
		<img src="../../img/title.png" alt=""/>
		<a href="/wan/code/web/welcome/welcome.html?pos=6" class="CMSLINK" target = "_blank">进入系统</a>
	</div>
	<div class="imgTab">
		<div class="left">
			<p class="border left_top"></p>
			<p class="border left_bottom"></p>
			<p class="right_top border"></p>
			<p class="right_bottom border"></p>
			<div class="box_concent">
				<div class="baseData">
					<div class="data_title">
						基础数据
					</div>
					<ul class="data_number">
						<li class="number_item">
							<div class="item_right">
								<p class="item_left_num" id="mian">0</p>
								<p class="item_left_font">门店</p>
							</div>
						</li>
						<li class="number_item">
							<div class="item_left">
								<p class="item_left_num" id="site">0</p>
								<p class="item_left_font">调压站</p>
							</div>
							<div class="item_right">
								<p class="item_left_num" id="LNG">0</p>
								<p class="item_left_font">LNG站</p>
							</div>
						</li>
						<li class="number_item">
							<div class="item_left">
								<p class="item_left_num" id="chang">0</p>
								<p class="item_left_font">电厂</p>
							</div>
							<div class="item_right">
								<p class="item_left_num" id="user">0</p>
								<p class="item_left_font">直供用户</p>
							</div>
						</li>
					</ul>
					<div class="data_title use">
						<p>燃气使用量占比</p>
					</div>
					<div class="echart imgtable" id="gasUseNum" style="height:300px;width: 273px"></div>
				</div>
			</div>
		</div>
		<div class="center">
			<div class="center_top">
				<div class="gasUse">
					<span>燃气使用量</span>
					<div class="gasNumber">
						<span id="gasNumber">0</span>
					</div>
				</div>
				<!--地图中间区域-->
				<div class="mapMark" id="mapMark" style="width:300px;height: 200px"></div>
				<div class="gasUserName">
					<p class="p1 pnum">
						<span>当日气价</span><br>
						<span id="money">5元/m3</span>
					</p>
					<p class="p2 pnum">
						<span>输差</span><br>
						<span id="sendGas">2%</span>
					</p>
					<!--<p class="p3 pnum">
						<span>三个月过期合同数</span><br>
						<span>126</span>
					</p>-->
				</div>
			</div>
			<div class="center_bottom">
				<ul class="map_bottom">
					<li class="lits_box unit">
						<p class="tongji">
							<i class="icon_huo">燃气量</i><br/>
							<span id="gasSueNum">0</span>
						</p>
						<div class="unitFont">
							<p id="siteNameGas">名称: XXXXX</p>
							<!--<p>地点: 杭州市复兴南街266号</p>-->
							<p>运输类型: 天然气管线</p>
						</div>
					</li>
					<li class="lits_box echart_show show_top">
						<div class="data_title">
							日用气量图表
						</div>
						<div class="chartBox">
							<div class="data" id="dataZhu"></div>
							<div class="data" id="dataShan"></div>
						</div>
					</li>
					<li class="lits_box echart_show">
						<div class="data_title">
							月用气量图表
						</div>
						<div class="chartBox">
							<div class="data" id="monthZhu"></div>
							<div class="data" id="monthShan"></div>
						</div>
					</li>
					<li class="lits_box echart_show show_top">
						<div class="data_title">
							年用气量图表
						</div>
						<div class="chartBox">
							<div class="data" id="yearZhu"></div>
							<div class="data" id="yearShan"></div>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="right">
			<p class="left_top border"></p>
			<p class="left_bottom border"></p>
			<p class="right_top border"></p>
			<p class="right_bottom border"></p>
			<div class="baseData">
				<div class="right_imgtab">
					<div class="data_title">
						今日用气量
					</div>
					<div class="zhuEchart" id="rightZhu1">

					</div>
				</div>
				<div class="right_imgtab">
					<div class="data_title">
						今日计划采购量
					</div>
					<div class="zhuEchart"  id="rightZhu2"></div>
				</div>
				<div class="right_imgtab">
					<div class="data_title">
						昨日用气量
					</div>
					<div class="zhuEchart"  id="rightZhu3"></div>
				</div>
				<div class="right_imgtab">
					<div class="data_title">
						昨日采购计划
					</div>
					<div class="zhuEchart"  id="rightZhu4"></div>
				</div>

			</div>
		</div>
	</div>
</div>
<script src="../../js/common/jquery-1.11.3.min.js"></script>
<script src="../../layui/layui.js"></script>
<script src="../../js/echarts-all.js"></script>
<script type="../../text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=hDDQ6Hb61AUqT6GoLGE9ghKu9zSFXGYu"></script>
<script  type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
<script src="../../js/common/ajax.js"></script>
<script type="text/javascript" src="../../js/common/navList.js"></script>
<script src="../../js/index/index.js"></script>
<script></script>
</body>

</html>